<!DOCTYPE html>
<html lang="zh-cn">
  <head>
    <title>拼图前端框架HTML模版</title>
    <meta name="keywords" content="关键词" />
    <meta name="description" content="描述" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/pintuer.css">
	<link rel="stylesheet" href="js/layer/skin/l.css">
    <link rel="stylesheet" href="css/style.css">
  </head>
  <body>
    <div class="layout fixed-top header">
		<div class="line">
			<div class="xl1 text-center"><i class="icon-mail-reply"></i></div>
			<div class="xl10 text-center"><h1>西北房地产超市</h1></div>
			<div class="xl1 text-center"><i class="icon-search"></i></div>
		</div>
	</div>
	
	<div class="container">
		<div class="x12 text-center padding-large">
			<div class="x12" style="height:84px"></div>
			<h3>---用户注册---</h3>
		</div>
		<div class="clearfix">
		</div>
		<div class="x12">
		<form method="post" class="form-x" onsubmit="return false;">
		  <div class="form-group">
			<div class="label xl2">
			<label for="username">账号</label></div>
			<div class="field xl10">
			  <input type="text" class="input" id="username" name="username" size="30" placeholder="手机/邮箱/账号" />
			  <div class="input-note">您可以使用手机号或者邮箱号来作为用户名，也可以用由数字和字母以及下划线组成的字符作为用户名。</div>
			</div>
		  </div>
		  <div class="form-group">
			<div class="label xl2">
			<label for="username">姓名</label></div>
			<div class="field xl10">
			  <input type="text" class="input" id="username" name="username" size="30" placeholder="您的姓名" />
			  <div class="input-note">请输入您的姓名，以便客服人员能为您提供更周到的服务。</div>
			</div>
		  </div>
		  <div class="form-group">
			<div class="label xl2"><strong>性别</strong></div>
				<div class="field xl10">
					<div class="button-group radio">
						<label class="button active"><input name="pintuer" value="1" checked="checked" type="radio">先生</label>
						<label class="button"><input name="pintuer" value="2" type="radio">女士</label>
					</div>
				</div>
		  </div>
		  
		  <div class="form-group">
			<div class="label xl2"><label for="password">手机</label></div>
			<div class="field xl10">
			  <input type="password" class="input input-auto x8" id="password" name="text" size="30" placeholder="请输入11位手机号码" />
			  <button class="button bg-yellow x4">获取验证码</button>
			</div>
		  </div>
		  <div class="form-group">
			<div class="label xl2"><label for="password">验证码</label></div>
			<div class="field xl10">
			  <input type="text" class="input" id="code" name="code" size="30" placeholder="请输入验证码" />
			  <div class="input-note">请输入您收到的验证码。</div>
			</div>
		  </div>

		  <div class="form-group">
			<div class="label xl2"><label for="password">密码</label></div>
			<div class="field xl10">
			  <input type="password" class="input" id="password" name="password" size="30" placeholder="请输入密码" />
			  <div class="input-note">请输入您的密码。</div>
			</div>
		  </div>
		  <div class="form-group">
			<div class="label xl2"><label for="password">重复密码</label></div>
			<div class="field xl10">
			  <input type="password" class="input" id="password" name="password" size="30" placeholder="请再一次输入密码" />
			  <div class="input-note">请再一次输入您的密码。</div>
			</div>
		  </div>
		  <div class="form-group ">
			<button class="button xl12 bg-blue" type="submit">注册</button>
		  </div>
		</form>
		</div>
		<div style="height:42px;">
		</div>
	</div>
	
	<div class="layout bg-slight fixed-bottom footer">
		<div class="button-group button-group-justified">
		  <div class="button-group drop dropup">
			<a class="button dropdown-toggle">找房 <span class="upward"></span></a>
			<ul class="drop-menu">
				<li><a>按面积</a></li>
				<li><a>按地段</a></li>
				<li><a>按价位</a></li>
				<li><a>按户型</a></li>
			</ul>
		  </div>
		  <div class="button-group drop dropup">
			<a class="button dropdown-toggle">买房 <span class="upward"></span></a>
			<ul class="drop-menu">
				<li><a>限时特惠</a></li>
				<li><a>领取礼包</a></li>
				<li><a>金牌户型</a></li>
				<li><a>本周推荐</a></li>
			</ul>
		  </div>
		  <div class="button-group drop dropup">
			<a class="button dropdown-toggle">个人中心 <span class="upward"></span></a>
			<ul class="drop-menu">
			  <li><a>个人设置</a></li>
				<li><a>登录</a></li>
				<li><a>注册</a></li>
			</ul>
		  </div>
		</div>
	</div>
  <script src="js/jquery.min.js"></script>
  <script src="js/pintuer.js"></script>
  <script src="js/layer/layer.js"></script>
  <script src="js/respond.min.js"></script>
  <script src="js/main.js"></script>
  </body>
  
</html>